<f:view xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
         xmlns:x="http://www.mcv.com/x/component"
        xmlns:ice="http://www.icesoft.com/icefaces/component"
        xmlns:f="http://java.sun.com/jsf/core">

    <html>
    <head>
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="YES" />
	<title>iPhone List test </title>
    <link href="./xmlhttp/css-iphone/xp/images.css" rel="stylesheet"
				type="text/css" />
     <script type="text/javascript" src="parts.js" 
       charset="utf-8"></script>
     <script type="text/javascript" src="browser.js" 
       charset="utf-8"></script>
	
     
    </head>

    <body onLoad="load();">
     <ice:form>
    <div id="content">
        <div id="box2">
            <div id="text8" onclick="goToMain(event)"></div>
            <div id="text9" onclick="goToView3(event)"></div>
        </div>
        <div id="informationStack">
            <div id="view1">
           
    <x:stackContainer  value="#{artShowBean.data}" var="var" >
   
    <x:selectList label="#{var.label}" hideLabel="true"  actionListener="#{artShowBean.actionListener}">
         <ice:panelGroup >
       
          
           <ice:graphicImage value="#{var.vtImage}" height="85px" width="85px" /> 
         
               
              <ice:outputText value="#{var.label}" styleClass="text1" />
              <div id="img1" ></div>
            
         
        
          </ice:panelGroup>
        
    </x:selectList>
   
       </x:stackContainer>
       </div>
       <div id="view2">
                <div id="box">
                
              
                   <img src="#{artShowBean.selectedImage}" />
                   <br />
                   <br />
                   <div id="author" class="roundedbox" >
                   <ice:outputText value="#{artShowBean.artist}" />
                  </div>
                
               
                
                </div>
            </div> 
            <div id="view3">
                <div id="box1">
                <div id="welcome" class="roundedbox">
<p><i>
copyright @2009 mooncatventures.com 
This page is formatted webkit capable browsers.</i></p>
<p><i>
This is a demo showing dashcode parts /icefaces integration both
at the page and component level.</i></p><p><i>
This page uses a beta version of our stackcontainer and selectList iphone
specific components.</i></p><p><i>
Statckcontainer is a varient of an icefaces PanelSeries. The next release will support our planned carousel component and
include component level parts library integration.
SelectList is an iphone specific simulation of an iphone lists. Both StackContainer and Select List may be included on a webpage or
presented inside an Iphone uiwebview. All code is server side, no executable code resides on the webkit enabled device so as to
comply with sdk requirements.</i></p><p><i>
Planned GA date for StackContainer is july 2009 or later dependent on when the sdk 3.0 expires.
Planned GA for selectList is mid june 2009.
We expect to release the carousel component on or before August 31 2009.
</i></p>

</div>
                
                </div>
            </div>
        </div></div>
    </ice:form>

    </body>

    </html>
</f:view>
